                        <!-- <div v-if="item.type==='tab-select'">
                            <el-tabs
                                type="card"
                                class="demo-tabs"
                                v-model="item.value"
                                @tab-change="handleTabChange"
                            >
                                <el-tab-pane v-for="ele in item.tabs" :label="ele.label" :name="ele.value">
                                    <div style="margin-bottom: 10px; margin-left: 20px; font-family: 'Helvetica Neue';  font-weight: 500;">
                                        {{ ele.label }}:
                                    </div>
                                    <el-select-v2
                                        class="bar"
                                        ref="selectRef"
                                        v-model="selectedValues[ele.value]"
                                        filterable
                                        placeholder="Select"
                                        clearable
                                        highlight-current-row
                                        :options="ele.options"
                                        @change="updateOptions"
                                        >
                                        <template #default="{ item }">
                                            <div class="flex items-center">
                                                <el-tooltip class="item" effect="dark" :content="item.label" placement="top">
                                                    <span>{{ item.label }}</span>
                                                </el-tooltip>
                                            </div>
                                        </template>
                                    </el-select-v2>
                                </el-tab-pane>
                            </el-tabs>
                        </div> -->
                                                    <!-- <el-input
                                class="bar"
                                v-model="selectedValues.ChromRange"
                                placeholder="start-end"
                                @change="updateOptions"
                                >
                                <template #prepend>
                                    <el-select-v2
                                        ref="selectRef"
                                        v-model="selectedValues[item.value]"
                                        filterable
                                        placeholder="Select"
                                        style="width: 90px;"
                                        clearable
                                        highlight-current-row
                                        :options="item.options"
                                        >
                                    </el-select-v2>
                                </template>
                            </el-input> -->

                            <!-- // {label: 'Score2', value: 'Score2', options: [], type: 'numRange',},
                            // {label: 'Score Lreg', value: 'score_lreg', options: [], type: 'numRange',}, -->



                <!-- <el-table-column 
                    v-for="col in columns"
                    :key="col.prop"
                    :prop="col.prop"
                    :label="col.label"
                    :sortable="true"
                    :show-overflow-tooltip="col.showOverflowTooltip"
                    :min-width="col.minWidth"
                    :fixed="col.fixed"
                >
                    <template #default="scope">
                        <a v-if="col.type === 'link'" class="tissue" @click="checkDetail(scope.row)">
                            {{ scope.row[col.prop] }}
                        </a>
                        <span v-else>
                            {{ scope.row[col.prop] }}
                        </span>
                    </template>
                </el-table-column> -->


                <!-- // const getColumns = (showCellLine: boolean) => {
                    //     const baseColumns = [
                    //         { prop: 'EcDNAId', label: 'EcDNAId', minWidth: 110, type: 'link' },
                    //         showCellLine
                    //             ? { prop: 'Cellline', label: 'CellLine', minWidth: 150 }
                    //             : { prop: 'SampleType', label: 'Tissue', minWidth: 150 },
                    //         { prop: 'OncotreeLineage', label: 'OncotreeLineage', minWidth: 200 },
                    //         { prop: 'MajorTumorType', label: 'MajorTumorType', minWidth: 200 },
                    //         { prop: 'TumorType', label: 'TumorType', minWidth: 130 },
                    //         { prop: 'CancerGene', label: 'CancerGene', minWidth: 150, showOverflowTooltip: true },
                    //         { prop: 'Chrom1', label: 'Chrom', minWidth: 110 },
                    //         { prop: 'Start', label: 'Start', minWidth: 110 },
                    //         { prop: 'End', label: 'End', minWidth: 110 },
                    //         { prop: 'Type', label: 'Sequence', minWidth: 110 },
                    //         { prop: 'CN_mean', label: 'CN_mean', minWidth: 110, formatter: formatDecimal },
                    //         { prop: 'SplitCount_mean', label: 'SplitCount_mean', minWidth: 170, formatter: formatDecimal },
                    //         { prop: 'Length', label: 'Length', minWidth: 180 },
                    //         { prop: 'Filename', label: 'File Name', minWidth: 330, showOverflowTooltip: true },
                    //         { prop: 'Gene_num', label: 'Gene Num', minWidth: 130 },
                    //         { prop: 'Cancergene_num', label: 'Cancergene Num', minWidth: 160 },
                    //         { prop: 'Score1', label: 'Score1', minWidth: 110, formatter: formatDecimal },
                    //         { prop: 'score_nlreg', label: 'Score Nlreg', minWidth: 130, formatter: formatDecimal },
                    //         { prop: 'final_score', label: 'Final Score', minWidth: 130, formatter: formatDecimal, fixed: 'right' }
                    //     ];
                    //     return baseColumns;
                    // }; -->




<!-- 
                    function formatDecimal(row: any, column: any, cellValue: any) {
                        console.log(row, column, cellValue);
                        let res = null;
                        if (typeof cellValue === 'number') {
                            // 判断小数部分是否为0
                            if (cellValue % 1 === 0) {
                                res = cellValue.toFixed(0); // 如果是整数，则不保留小数部分
                            } else {
                                res = parseFloat(cellValue.toFixed(2)); // 保留6位小数
                            }
                        } else if (typeof cellValue === 'string') {
                            res = cellValue.slice(0, 3);
                        }
                        return res;
                    } -->
                    